<template>
	<view style="background-color: #F4F5F7;height: 100vh;">
		<uni-nav-bar height="64px" title="呜噜明细" :border="false" :fixed="true" background-color="#FFFFFF"
			:statusBar="true">
		</uni-nav-bar>
		<view
			style="display: flex; height: 120px;  justify-content: space-between; align-items: center; background-color: #FCFDFE;border-radius: 10px;">
			<text style="margin-left: 40px;color: red; font-size: 24px;font-weight: 800;">{{bonus}}<br><text
					style="font-size: 12px;color: black;font-weight: 500;">呜噜币</text></text>
			<!-- <text style="margin-right: 20px; color:red ; font-size: 20px; font-weight: 800;">123</text> -->
			<view style="margin-right: 30px;">
				<up-image :show-loading="true" src="http://qiniu.gaowa.love/65d6ebae066131708583854.jpg" width="100px"
					height="100px" @click="click"></up-image>
			</view>
		</view>
		<view style="margin-top: 20px;">
			<text style="margin-left: 20px;font-weight: 800;">消费明细</text>
		</view>
		<!-- <view> -->
		<view v-for="(logListItem,logListIndex) in logList" :key="logListIndex"
			style="width: 90%; background-color: #FFFFFF; margin: 15px auto 0; height: 100px; border-radius: 10px; display: flex; flex-direction: column;">
			<view style="margin-top: 30px; display: flex; justify-content: space-between;">
				<text style="margin-left: 10px;">{{logListItem.remark}}</text>
				<text
					style="margin-right: 10px;font-size: 24px;font-weight: 500;color: red;">{{logListItem.value}}</text>
			</view>
			<view style="display: flex; justify-content: space-between;margin-top: 5px;">
				<text style="margin-left: 10px;font-size: 11px;">{{logListItem.createtime}}</text>
				<text style="margin-right: 10px;font-size: 14px;font-weight: 500;">呜噜余额:{{logListItem.befor}}</text>
			</view>
		</view>
		<!-- </view> -->
	</view>
</template>

<script>
	import {
		getMoneyLog
	} from "../../request/API/getMoneyLog.js";
	export default {
		data() {
			return {
				logList: [],
				bonus: 0.00
			}
		},
		onLoad(options) {
			// console.log(options.money)
			this.bonus = options.money
			getMoneyLog()
				.then(data => {
					this.logList = data.data
					console.log(data.data)
				})
				.catch(Error => {

				})

		}
	}
</script>

<style>
</style>